<template>
  <div class="">
    <div class="zd3">
      <div class="zd3-title">
        <p>
          <span>位号</span>
          <input v-model="seachData.bitNumber" type="text" placeholder="请输入位号" />
        </p>
        <!-- <p>
          <span>设备名称</span>
          <input v-model="seachData.commodityName" type="text" placeholder="请输入设备名称" />
        </p> -->
        <p>
          <span>状态</span>
          <el-select v-model="seachData.states" placeholder="请选择状态" class="userselect">
            <el-option
              v-for="item in staticlist"
              :key="item.static"
              :label="item.label"
              :value="item.static"
            ></el-option>
          </el-select>
        </p>
        <h3 @click="search">查询</h3>
        <h4 @click="resetList">重置</h4>
        <h3 @click="addPeople" style="background: #0093FF">新增</h3>
        <el-upload
          class="upload-demo"
          action=""
          :show-file-list="false"
          :http-request="designUpFile"
          :multiple='false'
          >
          <el-button size="small" type="primary">导入</el-button>
        </el-upload>
      </div>
      <el-tabs type="border-card" v-model="tabName" class="yibiao" @tab-click="changeTab">
        <el-tab-pane label="隔膜压力表" name="隔膜压力表">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="工艺介质" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="温度 ℃" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="压力MPa G" align="center" prop="name3"></el-table-column>
              <el-table-column label="刻度范围" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="公称直径" align="center" prop="name5"></el-table-column>
              <el-table-column label="精度" align="center" prop="name6"></el-table-column>
              <el-table-column label="隔膜材料" align="center" prop="name7"></el-table-column>
              <el-table-column label="表壳材质" align="center" prop="name8"></el-table-column>
              <el-table-column label="外壳防护等级" width="150" align="center" prop="name9"></el-table-column>
              <el-table-column label="表壳填充液" align="center" prop="name10"></el-table-column>
              <el-table-column label="工艺连接体材料" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="填充介质" align="center" prop="name12"></el-table-column>
              <el-table-column label="工艺连接形式" width="150" align="center" prop="name13"></el-table-column>
              <el-table-column label="螺纹规格" align="center" prop="name14"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="压力变送器" name="压力变送器">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="工艺介质" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name3"></el-table-column>
              <el-table-column label="操作温度" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="测量范围" align="center" prop="name5"></el-table-column>
              <el-table-column label="精度" align="center" prop="name6"></el-table-column>
              <el-table-column label="输出信号" align="center" prop="name7"></el-table-column>
              <el-table-column label="测量元件材质" width="150" align="center" prop="name8"></el-table-column>
              <el-table-column label="终端接头规格" width="150" align="center" prop="name9"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name10"></el-table-column>
              <el-table-column label="防护等级" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="安装形式" align="center" prop="name12"></el-table-column>
              <el-table-column label="输出指示表" width="150" align="center" prop="name13"></el-table-column>
              <el-table-column label="密封膜片材质" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name15"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="法兰材质" align="center" prop="name17"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="单法兰液位变送器" name="单法兰液位变送器">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="工艺介质" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name3"></el-table-column>
              <el-table-column label="操作温度" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="操作密度" align="center" prop="name5"></el-table-column>
              <el-table-column label="液位起始范围" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="测量范围" align="center" prop="name7"></el-table-column>
              <el-table-column label="精度" align="center" prop="name8"></el-table-column>
              <el-table-column label="输出信号" align="center" prop="name9"></el-table-column>
              <el-table-column label="测量元件材质" width="150" align="center" prop="name10"></el-table-column>
              <el-table-column label="壳体材质" align="center" prop="name11"></el-table-column>
              <el-table-column label="终端接头规格" width="150" align="center" prop="name12"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name13"></el-table-column>
              <el-table-column label="防护等级" align="center" prop="name14"></el-table-column>
              <el-table-column label="安装形式" align="center" prop="name15"></el-table-column>
              <el-table-column label="密封膜片材质" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name17"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name18"></el-table-column>
              <el-table-column label="正负迁移范围" width="150" align="center" prop="name19"></el-table-column>
              <el-table-column label="输出指示表" align="center" prop="name20"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="激光液位变送器" name="激光液位变送器">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="设备位号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="工艺介质" align="center" prop="name3"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="操作温度" align="center" prop="name5"></el-table-column>
              <el-table-column label="操作密度" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="罐尺寸" align="center" prop="name7"></el-table-column>
              <el-table-column label="罐形式" align="center" prop="name8"></el-table-column>
              <el-table-column label="仪表名称" align="center" prop="name9"></el-table-column>
              <el-table-column label="测量范围" align="center" prop="name10"></el-table-column>
              <el-table-column label="精度" align="center" prop="name11"></el-table-column>
              <el-table-column label="输出信号" width="150" align="center" prop="name12"></el-table-column>
              <el-table-column label="频率" align="center" prop="name13"></el-table-column>
              <el-table-column label="激光发射功率" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="电源" align="center" prop="name15"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="触点容量" align="center" prop="name17"></el-table-column>
              <el-table-column label="防护等级" align="center" prop="name18"></el-table-column>
              <el-table-column label="安装形式" align="center" prop="name19"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name20"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name21"></el-table-column>
              <el-table-column label="法兰材质" align="center" prop="name22"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="称重仪" name="称重仪">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="工艺介质" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name3"></el-table-column>
              <el-table-column label="操作温度" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="操作状态密度" width="150" align="center" prop="name5"></el-table-column>
              <el-table-column label="称重仪型号" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="显示方式" align="center" prop="name7"></el-table-column>
              <el-table-column label="秤量范围" align="center" prop="name8"></el-table-column>
              <el-table-column label="秤量精度" align="center" prop="name9"></el-table-column>
              <el-table-column label="秤量方式" align="center" prop="name10"></el-table-column>
              <el-table-column label="灵敏度" align="center" prop="name11"></el-table-column>
              <el-table-column label="配套附件" width="150" align="center" prop="name12"></el-table-column>
              <el-table-column label="秤量元件" align="center" prop="name13"></el-table-column>
              <el-table-column label="报警装置" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="电源" align="center" prop="name15"></el-table-column>
              <el-table-column label="电缆长度" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="电磁流量计" name="电磁流量计">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质及规格" width="150" align="center" prop="name3"></el-table-column>
              <el-table-column label="工艺介质" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name5"></el-table-column>
              <el-table-column label="操作温度" align="center" prop="name6"></el-table-column>
              <el-table-column label="最大流量" align="center" prop="name7"></el-table-column>
              <el-table-column label="正常流量" align="center" prop="name8"></el-table-column>
              <el-table-column label="最小流量" align="center" prop="name9"></el-table-column>
              <el-table-column label="测量范围" align="center" prop="name10"></el-table-column>
              <el-table-column label="公称通径" align="center" prop="name11"></el-table-column>
              <el-table-column label="本体材质" width="150" align="center" prop="name12"></el-table-column>
              <el-table-column label="衬里材质" align="center" prop="name13"></el-table-column>
              <el-table-column label="电极材质" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name15"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="输出信号" align="center" prop="name17"></el-table-column>
              <el-table-column label="精度" align="center" prop="name18"></el-table-column>
              <el-table-column label="电源" align="center" prop="name19"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name20"></el-table-column>
              <el-table-column label="防护等级" width="150" align="center" prop="name21"></el-table-column>
              <el-table-column label="安装形式" align="center" prop="name22"></el-table-column>
              <el-table-column label="备注1" align="center" prop="remarks"></el-table-column>
              <el-table-column label="备注2" align="center" prop="name23"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="质量流量计" name="质量流量计">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质及规格" width="150" align="center" prop="name3"></el-table-column>
              <el-table-column label="工艺介质" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name5"></el-table-column>
              <el-table-column label="操作温度" align="center" prop="name6"></el-table-column>
              <el-table-column label="最大流量" align="center" prop="name7"></el-table-column>
              <el-table-column label="正常流量" align="center" prop="name8"></el-table-column>
              <el-table-column label="最小流量" align="center" prop="name9"></el-table-column>
              <el-table-column label="操作状态密度" width="150" align="center" prop="name10"></el-table-column>
              <el-table-column label="测量范围" align="center" prop="name11"></el-table-column>
              <el-table-column label="公称通径" align="center" prop="name12"></el-table-column>
              <el-table-column label="本体材质" align="center" prop="name13"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name15"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="转换器输出信号" width="150" align="center" prop="name17"></el-table-column>
              <el-table-column label="精度" align="center" prop="name18"></el-table-column>
              <el-table-column label="电源" align="center" prop="name19"></el-table-column>
              <el-table-column label="备注1" align="center" prop="remarks"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="气动调节刀闸阀门" name="气动调节刀闸阀门">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质" align="center" prop="name3"></el-table-column>
              <el-table-column label="管道规格" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="工艺介质" align="center" prop="name5"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作温度" align="center" prop="name6"></el-table-column>
              <el-table-column label="阀前压力" align="center" prop="name7"></el-table-column>
              <el-table-column label="阀后压力" align="center" prop="name8"></el-table-column>
              <el-table-column label="最大流量" align="center" prop="name9"></el-table-column>
              <el-table-column label="正常流量" width="150" align="center" prop="name10"></el-table-column>
              <el-table-column label="最小流量" align="center" prop="name11"></el-table-column>
              <el-table-column label="操作密度" align="center" prop="name12"></el-table-column>
              <el-table-column label="空气故障时阀位置" width="150" align="center" prop="name13"></el-table-column>
              <el-table-column label="阀型式" align="center" prop="name14"></el-table-column>
              <el-table-column label="阀芯型式" align="center" prop="name15"></el-table-column>
              <el-table-column label="流量特性" align="center" prop="name16"></el-table-column>
              <el-table-column label="阀体材质" align="center" prop="name17"></el-table-column>
              <el-table-column label="阀芯材质" align="center" prop="name18"></el-table-column>
              <el-table-column label="阀座材质" align="center" prop="name19"></el-table-column>
              <el-table-column label="连接形式" align="center" prop="name20"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name21"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name22"></el-table-column>
              <el-table-column label="执行机构型式" width="150" align="center" prop="name23"></el-table-column>
              <el-table-column label="作用形式" width="150" align="center" prop="name24"></el-table-column>
              <el-table-column label="输入信号" width="150" align="center" prop="name25"></el-table-column>
              <el-table-column label="气源压力" width="150" align="center" prop="name26"></el-table-column>
              <el-table-column label="气信号接口尺寸" width="150" align="center" prop="name27"></el-table-column>
              <el-table-column label="气源接口尺寸" width="150" align="center" prop="name28"></el-table-column>
              <el-table-column label="制造厂" width="150" align="center" prop="name29"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="气动三偏心调节蝶阀" name="气动三偏心调节蝶阀">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质" align="center" prop="name3"></el-table-column>
              <el-table-column label="管道规格" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="工艺介质" align="center" prop="name5"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作温度" align="center" prop="name6"></el-table-column>
              <el-table-column label="阀前压力" align="center" prop="name7"></el-table-column>
              <el-table-column label="阀后压力" align="center" prop="name8"></el-table-column>
              <el-table-column label="最大流量" align="center" prop="name9"></el-table-column>
              <el-table-column label="正常流量" width="150" align="center" prop="name10"></el-table-column>
              <el-table-column label="最小流量" align="center" prop="name11"></el-table-column>
              <el-table-column label="操作密度" align="center" prop="name12"></el-table-column>
              <el-table-column label="空气故障时阀位置" width="150" align="center" prop="name13"></el-table-column>
              <el-table-column label="阀型式" align="center" prop="name14"></el-table-column>
              <el-table-column label="流开/流关" align="center" prop="name15"></el-table-column>
              <el-table-column label="阀芯型式" align="center" prop="name16"></el-table-column>
              <el-table-column label="阀口径" align="center" prop="name17"></el-table-column>
              <el-table-column label="流量特性" align="center" prop="name18"></el-table-column>
              <el-table-column label="阀体材质" align="center" prop="name19"></el-table-column>
              <el-table-column label="阀芯材质" align="center" prop="name20"></el-table-column>
              <el-table-column label="阀座材质" width="150" align="center" prop="name21"></el-table-column>
              <el-table-column label="连接形式" width="150" align="center" prop="name22"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name23"></el-table-column>
              <el-table-column label="执行机构型式" width="150" align="center" prop="name24"></el-table-column>
              <el-table-column label="作用形式" width="150" align="center" prop="name25"></el-table-column>
              <el-table-column label="供气压力" width="150" align="center" prop="name26"></el-table-column>
              <el-table-column label="输入信号" width="150" align="center" prop="name27"></el-table-column>
              <el-table-column label="气源接口尺寸" width="150" align="center" prop="name28"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="气动V型调节球阀" name="气动V型调节球阀">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质" align="center" prop="name3"></el-table-column>
              <el-table-column label="管道规格" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="工艺介质" align="center" prop="name5"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作温度" align="center" prop="name6"></el-table-column>
              <el-table-column label="阀前压力" align="center" prop="name7"></el-table-column>
              <el-table-column label="阀后压力" align="center" prop="name8"></el-table-column>
              <el-table-column label="最大流量" align="center" prop="name9"></el-table-column>
              <el-table-column label="正常流量" width="150" align="center" prop="name10"></el-table-column>
              <el-table-column label="最小流量" align="center" prop="name11"></el-table-column>
              <el-table-column label="操作密度" align="center" prop="name12"></el-table-column>
              <el-table-column label="空气故障时阀位置" width="150" align="center" prop="name13"></el-table-column>
              <el-table-column label="阀型式" align="center" prop="name14"></el-table-column>
              <el-table-column label="阀芯型式" align="center" prop="name15"></el-table-column>
              <el-table-column label="阀口径" align="center" prop="name16"></el-table-column>
              <el-table-column label="流量特性" align="center" prop="name17"></el-table-column>
              <el-table-column label="阀体材质" align="center" prop="name18"></el-table-column>
              <el-table-column label="阀芯材质" align="center" prop="name19"></el-table-column>
              <el-table-column label="阀座材质" align="center" prop="name20"></el-table-column>
              <el-table-column label="连接形式" align="center" prop="name21"></el-table-column>
              <el-table-column label="法兰标准及等级" align="center" prop="name22"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" align="center" prop="name23"></el-table-column>
              <el-table-column label="法兰材质" width="150" align="center" prop="name24"></el-table-column>
              <el-table-column label="执行机构型式" width="150" align="center" prop="name25"></el-table-column>
              <el-table-column label="作用形式" width="150" align="center" prop="name26"></el-table-column>
              <el-table-column label="供气压力" width="150" align="center" prop="name27"></el-table-column>
              <el-table-column label="输入信号" width="150" align="center" prop="name28"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name29"></el-table-column>
              <el-table-column label="气源接口尺寸" width="150" align="center" prop="name30"></el-table-column>
              <el-table-column label="附件 过滤器减压阀" width="150" align="center" prop="name31"></el-table-column>
              <el-table-column label="备注1" align="center" prop="remarks"></el-table-column>
              <el-table-column label="备注2" align="center" prop="name32"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="气动切断球阀" name="气动切断球阀">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质" align="center" prop="name3"></el-table-column>
              <el-table-column label="管道规格" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="工艺介质" align="center" prop="name5"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作温度" align="center" prop="name6"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name7"></el-table-column>
              <el-table-column label="正常流量" align="center" prop="name8"></el-table-column>
              <el-table-column label="阀型式" align="center" prop="name9"></el-table-column>
              <el-table-column label="公称通径" align="center" prop="name10"></el-table-column>
              <el-table-column label="阀体/阀座材质" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="阀芯材质" align="center" prop="name12"></el-table-column>
              <el-table-column label="气源压力" align="center" prop="name13"></el-table-column>
              <el-table-column label="气源故障时阀位置" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="泄漏等级" align="center" prop="name15"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="气接管尺寸" align="center" prop="name17"></el-table-column>
              <el-table-column label="电磁阀形式" align="center" prop="name18"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <!-- PH计 -->
        <el-tab-pane label="PH计" name="PH计">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="工艺介质" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name3"></el-table-column>
              <el-table-column label="操作温度" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="操作状态下粘度" width="150" align="center" prop="name5"></el-table-column>
              <el-table-column label="操作状态下密度" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="最大pH" align="center" prop="name7"></el-table-column>
              <el-table-column label="正常pH" align="center" prop="name8"></el-table-column>
              <el-table-column label="变送器形式" align="center" prop="name9"></el-table-column>
              <el-table-column label="测量范围" align="center" prop="name10"></el-table-column>
              <el-table-column label="输出信号" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="温度补偿" align="center" prop="name12"></el-table-column>
              <el-table-column label="输出指示表" align="center" prop="name13"></el-table-column>
              <el-table-column label="精度" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="供电" align="center" prop="name15"></el-table-column>
              <el-table-column label="测量电极型式" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="参比电极型式" width="150" align="center" prop="name17"></el-table-column>
              <el-table-column label="温度范围" align="center" prop="name18"></el-table-column>
              <el-table-column label="电极护套形式" width="150" align="center" prop="name19"></el-table-column>
              <el-table-column label="护套材料" align="center" prop="name20"></el-table-column>
              <el-table-column label="工艺接头尺寸" width="150" align="center" prop="name21"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name22"></el-table-column>
              <el-table-column label="附件" align="center" prop="name23"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="责任人" align="center" prop="maintainPerson"></el-table-column>
              <el-table-column label="承包人" align="center" prop="rateOfWork"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column label="二维码" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.erweima" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                      <el-button type="text" size="small" v-if="!scope.row.erweima" @click="getEwm(scope.row)">生成二维码</el-button>
                      <el-button type="text" size="small" v-if="scope.row.erweima" @click="dayin(scope.row)">打印二维码</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <!-- 压力表 -->
        <el-tab-pane label="压力表" name="压力表">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质及规格" width="150" align="center" prop="name3"></el-table-column>
              <el-table-column label="工艺介质" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作压力" width="150" align="center" prop="name5"></el-table-column>
              <el-table-column label="操作温度" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="最大流量" align="center" prop="name7"></el-table-column>
              <el-table-column label="正常流量" align="center" prop="name8"></el-table-column>
              <el-table-column label="最小流量" align="center" prop="name9"></el-table-column>
              <el-table-column label="测量范围" align="center" prop="name10"></el-table-column>
              <el-table-column label="公称通径" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="本体材质" align="center" prop="name12"></el-table-column>
              <el-table-column label="衬里材质" align="center" prop="name13"></el-table-column>
              <el-table-column label="电极材质" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name15"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="输出信号" align="center" prop="name17"></el-table-column>
              <el-table-column label="精度" align="center" prop="name18"></el-table-column>
              <el-table-column label="电源" align="center" prop="name19"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name20"></el-table-column>
              <el-table-column label="防护等级" align="center" prop="name21"></el-table-column>
              <el-table-column label="安装形式" align="center" prop="name22"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="责任人" align="center" prop="maintainPerson"></el-table-column>
              <el-table-column label="承包人" align="center" prop="rateOfWork"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column label="二维码" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.erweima" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                      <el-button type="text" size="small" v-if="!scope.row.erweima" @click="getEwm(scope.row)">生成二维码</el-button>
                      <el-button type="text" size="small" v-if="scope.row.erweima" @click="dayin(scope.row)">打印二维码</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <!-- 热电阻 -->
        <el-tab-pane label="热电阻" name="热电阻">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="工艺介质" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="压力MPa G" width="150" align="center" prop="name2"></el-table-column>
              <el-table-column label="温度 ℃" align="center" prop="name3"></el-table-column>
              <el-table-column label="全长/插入深度 (mm)" width="150" align="center" prop="name4"></el-table-column>
              <el-table-column label="保护管材料" width="150" align="center" prop="name5"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="分度号" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="测温元件数量" width="150" align="center" prop="name7"></el-table-column>
              <el-table-column label="结构形式" align="center" prop="name8"></el-table-column>
              <el-table-column label="保护管直径" align="center" prop="name9"></el-table-column>
              <el-table-column label="精度" align="center" prop="name10"></el-table-column>
              <el-table-column label="接线盒防护等级" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="安装固定方式" width="150" align="center" prop="name12"></el-table-column>
              <el-table-column label="螺纹规格" align="center" prop="name13"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name15"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name16"></el-table-column>
              <el-table-column label="备注1" align="center" prop="name17"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="责任人" align="center" prop="maintainPerson"></el-table-column>
              <el-table-column label="承包人" align="center" prop="rateOfWork"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column label="二维码" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.erweima" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                      <el-button type="text" size="small" v-if="!scope.row.erweima" @click="getEwm(scope.row)">生成二维码</el-button>
                      <el-button type="text" size="small" v-if="scope.row.erweima" @click="dayin(scope.row)">打印二维码</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <!-- 双金属温度计 -->
        <el-tab-pane label="双金属温度计" name="双金属温度计">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="工艺介质" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="压力MPa G" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="温度 ℃" align="center" prop="name3"></el-table-column>
              <el-table-column label="插入深度 (mm)" width="150" align="center" prop="name4"></el-table-column>
              <el-table-column label="刻度范围 ℃" width="150" align="center" prop="name5"></el-table-column>
              <el-table-column label="保护管材料" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="表头直径" align="center" prop="name7"></el-table-column>
              <el-table-column label="结构形式" align="center" prop="name8"></el-table-column>
              <el-table-column label="精度" align="center" prop="name9"></el-table-column>
              <el-table-column label="保护管直径" align="center" prop="name10"></el-table-column>
              <el-table-column label="外壳防护等级" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="安装固定方式" width="150" align="center" prop="name12"></el-table-column>
              <el-table-column label="螺纹规格" align="center" prop="name13"></el-table-column>
              <el-table-column label="备注1" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="责任人" align="center" prop="maintainPerson"></el-table-column>
              <el-table-column label="承包人" align="center" prop="rateOfWork"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column label="二维码" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.erweima" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                      <el-button type="text" size="small" v-if="!scope.row.erweima" @click="getEwm(scope.row)">生成二维码</el-button>
                      <el-button type="text" size="small" v-if="scope.row.erweima" @click="dayin(scope.row)">打印二维码</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <!-- 气动切断蝶阀 -->
        <el-tab-pane label="气动切断蝶阀" name="气动切断蝶阀">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质" align="center" prop="name3"></el-table-column>
              <el-table-column label="管道规格" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="工艺介质" width="150" align="center" prop="name5"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作温度" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="操作压力" align="center" prop="name7"></el-table-column>
              <el-table-column label="正常流量" align="center" prop="name8"></el-table-column>
              <el-table-column label="阀型号" align="center" prop="name9"></el-table-column>
              <el-table-column label="阀型式" align="center" prop="name10"></el-table-column>
              <el-table-column label="公称通径" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="阀体材质" align="center" prop="name12"></el-table-column>
              <el-table-column label="阀芯材质" align="center" prop="name13"></el-table-column>
              <el-table-column label="气源压力" align="center" prop="name14"></el-table-column>
              <el-table-column label="气源故障时阀位置" width="150" align="center" prop="name15"></el-table-column>
              <el-table-column label="泄漏等级" align="center" prop="name16"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name17"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name18"></el-table-column>
              <el-table-column label="气接管尺寸" align="center" prop="name19"></el-table-column>
              <el-table-column label="电磁阀型号" align="center" prop="name20"></el-table-column>
              <el-table-column label="电磁阀形式" align="center" prop="name21"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name22"></el-table-column>
              <el-table-column label="备注1" align="center" prop="remarks"></el-table-column>
              <el-table-column label="备注2" width="150" align="center" prop="name23"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="责任人" align="center" prop="maintainPerson"></el-table-column>
              <el-table-column label="承包人" align="center" prop="rateOfWork"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column label="二维码" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.erweima" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                      <el-button type="text" size="small" v-if="!scope.row.erweima" @click="getEwm(scope.row)">生成二维码</el-button>
                      <el-button type="text" size="small" v-if="scope.row.erweima" @click="dayin(scope.row)">打印二维码</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
        <!-- 气动滑板式调节阀 -->
        <el-tab-pane label="气动滑板式调节阀" name="气动滑板式调节阀">
          <div class="zd3-btm">
            <!-- 一级列表分类 -->
            <el-table
              :data="tableData"
              border
              style="width: 100%"
              height="87%"
              v-loading="load"
            >
              <el-table-column label="状态" align="center" width="80">
                <template slot-scope="scoped">
                  <div style="width: 80px;" class="orderStatus" @click="changeStatus(scoped.row)">
                    <p v-if="scoped.row.states == 5" class="green">运行</p>
                    <p v-if="scoped.row.states == 6" class="blue">维修</p>
                    <p v-if="scoped.row.states == 7" class="red">报废</p>
                    <p v-if="scoped.row.states == 9" class="yellow">未使用</p>
                    <!-- <p class="green">运行</p> -->
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="位号" align="center" prop="bitNumber"></el-table-column>
              <el-table-column label="用途" width="150" align="center" prop="name1"></el-table-column>
              <el-table-column label="PID编码" align="center" prop="pidNumber"></el-table-column>
              <el-table-column label="管道编号" width="80" align="center" prop="name2"></el-table-column>
              <el-table-column label="管道材质" align="center" prop="name3"></el-table-column>
              <el-table-column label="管道规格" width="80" align="center" prop="name4"></el-table-column>
              <el-table-column label="工艺介质" width="150" align="center" prop="name5"></el-table-column>
              <el-table-column label="润滑方式" width="110" align="center" prop="lubrication"></el-table-column>
              <el-table-column label="保养类型" width="110" align="center" prop="texture"></el-table-column>
              <el-table-column label="操作温度" width="150" align="center" prop="name6"></el-table-column>
              <el-table-column label="阀前压力" align="center" prop="name7"></el-table-column>
              <el-table-column label="阀后压力" align="center" prop="name8"></el-table-column>
              <el-table-column label="最大流量" align="center" prop="name9"></el-table-column>
              <el-table-column label="正常流量" align="center" prop="name10"></el-table-column>
              <el-table-column label="最小流量" width="150" align="center" prop="name11"></el-table-column>
              <el-table-column label="操作密度" align="center" prop="name12"></el-table-column>
              <el-table-column label="空气故障时阀位置" width="150" align="center" prop="name13"></el-table-column>
              <el-table-column label="阀体/阀芯 阀型号" width="150" align="center" prop="name14"></el-table-column>
              <el-table-column label="阀型式" width="150" align="center" prop="name15"></el-table-column>
              <el-table-column label="阀芯型式" align="center" prop="name16"></el-table-column>
              <el-table-column label="阀口径" align="center" prop="name17"></el-table-column>
              <el-table-column label="流量特性" align="center" prop="name18"></el-table-column>
              <el-table-column label="阀口径" align="center" prop="name19"></el-table-column>
              <el-table-column label="流量特性" align="center" prop="name20"></el-table-column>
              <el-table-column label="阀体材质" align="center" prop="name21"></el-table-column>
              <el-table-column label="阀芯材质" align="center" prop="name22"></el-table-column>
              <el-table-column label="阀座材质" align="center" prop="name23"></el-table-column>
              <el-table-column label="连接形式" align="center" prop="name24"></el-table-column>
              <el-table-column label="法兰标准及等级" width="150" align="center" prop="name25"></el-table-column>
              <el-table-column label="法兰尺寸及密封面" width="150" align="center" prop="name26"></el-table-column>
              <el-table-column label="法兰材质" align="center" prop="name27"></el-table-column>
              <el-table-column label="执行机构型式" width="150" align="center" prop="name28"></el-table-column>
              <el-table-column label="作用形式" align="center" prop="name29"></el-table-column>
              <el-table-column label="供气压力" align="center" prop="name30"></el-table-column>
              <el-table-column label="定位器型号" width="150" align="center" prop="name31"></el-table-column>
              <el-table-column label="输入信号" align="center" prop="name32"></el-table-column>
              <el-table-column label="电气接口尺寸" width="150" align="center" prop="name33"></el-table-column>
              <el-table-column label="气源接口尺寸" width="150" align="center" prop="name34"></el-table-column>
              <el-table-column label="附件 过滤器减压阀" width="150" align="center" prop="name35"></el-table-column>
              <el-table-column label="备注" align="center" prop="remarks"></el-table-column>
              <el-table-column label="数量" align="center" prop="number"></el-table-column>
              <el-table-column label="责任人" align="center" prop="maintainPerson"></el-table-column>
              <el-table-column label="承包人" align="center" prop="rateOfWork"></el-table-column>
              <el-table-column label="图片" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.imgurl" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column label="二维码" align="center" width="120">
                <template slot-scope="scope">
                  <img :src="scope.row.erweima" class="shebei" />
                </template>
              </el-table-column>
              <el-table-column align="center" label="操作" width="250" fixed="right">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="write(scope.row,scope.$index)">修改</el-button>
                  <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                  <el-popconfirm
                    placement="top"
                    hideIcon
                    title="是否要删除此行？"
                    @onConfirm="deleteRow(scope.row)"
                  >
                    <el-button type="text" size="small" slot="reference">删除</el-button>
                  </el-popconfirm>
                  <!-- <el-popover placement="bottom" width="160">
                    <div class="morehandle">
                      <el-button type="text" size="small" @click="wanshan(scope.row)">完善</el-button>
                      <el-button type="text" size="small" @click="lookdetail(scope.row)">查看文档</el-button>
                      <el-button type="text" size="small" @click="goRepair(scope.row,scope.$index)">设备维修</el-button>
                      <el-button type="text" size="small" v-if="!scope.row.erweima" @click="getEwm(scope.row)">生成二维码</el-button>
                      <el-button type="text" size="small" v-if="scope.row.erweima" @click="dayin(scope.row)">打印二维码</el-button>
                    </div>
                    <el-button type="text" size="mini" slot="reference">
                      更多操作
                      <i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                  </el-popover> -->
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              background
              align="right"
              layout="prev,pager,next"
              :page-size="50"
              :total="total"
              @prev-click="goPrev"
              @next-click="goNext"
              @current-change="goPage"
            />
          </div>
        </el-tab-pane>
      </el-tabs>
      <!-- <div class="ifyPage">
        <el-button size="small" :disabled="seachData.currentPage <= 0" type="primary" @click="goPrev">上一页</el-button>
        <el-button size="small" :disabled="nomore" type="primary" @click="goNext">下一页</el-button>
      </div> -->
    </div>
		<!-- 修改状态 -->
    <el-dialog
      :visible.sync="showStatus"
      :close-on-click-modal="false"
      :modal-append-to-body="false"
      :modal="true"
			title="更改状态"
      width="40%"
    >
			<div class="orderStatus1">
				<p @click="choseStatus(item.static)" v-for="(item,index) in staticlist" :key="index" :class="item.static == 5 ? 'green' : item.static == 6 ? 'blue': item.static == 7 ? 'red' : 'yellow'">
					{{item.static == 5 ? '运行': item.static == 6 ? '维修' : item.static == 7 ? '报废': '未使用'}}
				</p>
			</div>
    </el-dialog>
    <!-- 查看文档 -->
    <el-dialog
      :visible.sync="showFiles"
      :close-on-click-modal="false"
      :modal-append-to-body="false"
      :modal="true"
			title="查看文档"
      width="80%"
    >
			<div class="fileup" v-if="fileNum.length != 0">
        <div class="uping" v-for="(item,index) in fileNum" :key="index">
          <p>
            <span>资料名</span>
            <span>{{item.filename}}</span>
          </p>
          <p>
            <span>上传资料</span>
            <strong v-if="item.filePath">{{item.filename}}</strong>
            <strong v-if="item.filePath" @click="downLoad(item.filePath)">
              下载
              <i class="el-icon-download" />
            </strong>
          </p>
        </div>
      </div>
      <div v-else style="text-align: center">暂无相关文档！</div>
    </el-dialog>
  </div>
</template>

<script>
import {
  getDepartment,
  updateDepartment,
  addDepartment,
  deleteDepartment,
  getChildrenDepartment,
  deleteChildrenDepartment,
  bumenScEwm,
  importFile
} from "@/api/bumen";
import { uploadFile,getBumen,getUserFiles } from "@/api/people";
import { mapGetters } from 'vuex'
export default {
  data() {
    return {
      ewmShow: false,
      total: 1,
      tableData: [],
      childrenData: {},
      dialogVisible: false,
      childrenShow: false,
      tempData: {}, //修改对象
      seachData: {
        currentPage: 1
      }, //查询对象
      nomore: false,
      ewmimg: "", //ewm打印
      tempIndex: -1,
      showFiles: false,  //查看文档
      tabName: '隔膜压力表',
			load: true,   //加载动画
			ifydata: [],  //部门分类
      showStatus: false,
      fileNum:[],
			staticlist: [{
        static: '5',
        label:'运行'
      },{
        static: '6',
        label:'维修'
      },{
        static: '7',
        label:'报废'
      },{
        static: '9',
        label:'未使用'
      }]
    };
	},
	computed:{
		...mapGetters([
			'userInfo'
		])
	},
  mounted() {
		this.search();
    this.bumenList();
    if(this.$route.params.types){
      this.tabName = this.$route.params.types
    }
    // this.searchChildren();
  },
  methods: {
    designUpFile(item) {
      console.log('新增文档')
      const loading = this.$loading({
        lock: true,
        text: '上传中请稍等...',
        spinner: 'el-icon-loading',
        background: 'rgba(255, 255, 255, 0.8)'
      })
      console.log(item)
      var formData = new FormData()
      formData.append("file", item.file)
      importFile(formData).then(res => {
        console.log(res)
        loading.close()
        this.search()
      })
    },
    changtable(row) {
      console.log(row);
    },
    // 切换分类
    changeTab(res){
      console.log(res)
      console.log(this.tabName)
      this.nomore = false
      this.tableData = []
      this.seachData.currentPage = 1
      this.load = true
      this.search()
    },
		changeStatus(item){
			console.log(item)
			this.tempData = {...item}
			this.showStatus = true
			this.staticlist = this.staticlist.filter(item => item.static != item.states)
    },
    downLoad(filepath){
      window.location.href = filepath
    },
		// 选择要改变的状态
		choseStatus(item){
			console.log(item)
			this.tempData.states = item
			updateDepartment(this.tempData).then(res => {
				console.log(res);
				this.$message({
					message: res.message,
					type: "success"
				});
				this.search();
				this.showStatus = false
			});
		},
		lookdetail(item){
      console.log(item)
      this.fileNum = []
      this.showFiles = true
      getUserFiles({parentId: item.id}).then(res => {
        console.log(res)
        console.log(res)
        if(res.data.list.length != 0){
          res.data.list.map(item => {
            this.fileNum.push({
              filename: item.fileDescribe,
              filePath: item.fileName,
              fileid: item.fileId
            })
          })
        }else{
          this.fileNum = []
        }
      })
		},
		// 部门列表
    bumenList(){
      getBumen({}).then(res => {
        console.log(res)
        // res.data.map(item => {
				// 	item.value = item.departments
				// 	return item
				// })
				this.ifydata = res.data
      })
		},
		shouMore(){
			this.more = !this.more
		},
    // 修改一级分类
    write(item, index) {
      console.log(item);
      this.$router.push({
        name: 'Writeinstrument',
        params: {
          options: JSON.stringify(item),
          types: this.tabName
        }
      })
    },
    // 搜索设备
    search() {
      console.log("three搜索")
      this.seachData.ptype = 'yibiao'
      this.seachData.types = this.tabName
			// 判断是否是超级管理员，超级管理员查看所有部门列表
      getDepartment(this.seachData).then(res => {
        console.log('res',res);
        // if(res.data.length == 0){
        //   this.nomore = true
        //   this.seachData.currentPage -= 50
        // }else if(res.data.length < 50){
        //   this.nomore = true
        //   this.tableData = res.data
        // }else{
        //   this.tableData = res.data
        //   this.nomore = false
        // }
        this.tableData = res.data.list
        this.total = res.data.total
        this.load = false
        console.log(this.seachData.currentPage)
      });
    },
    handleSearch() {
      this.search();
      this.searchShow = false;
    },
    // 完善一级分类
    wanshan(item) {
      console.log(item);
      this.$router.push({
        name: "Wanshan",
        params: {
          options: JSON.stringify(item),
          type: "one"
        }
      });
    },
    // 完善二级分类
    wanshanChildren(item) {
      console.log(item);
      this.$router.push({
        name: "Wanshan",
        params: {
          options: JSON.stringify(item),
          type: "two"
        }
      });
    },
    // 上传头像
    designUpAvatar(item) {
			const loading = this.$loading({
				lock: true,
				text: '上传中请稍等...',
				spinner: 'el-icon-loading',
				background: 'rgba(255, 255, 255, 0.8)'
			})
      console.log(this.fileNum);
      var formData = new FormData();
      formData.append("file", item.file);
      uploadFile(formData).then(res => {
				console.log(res)
				loading.close()
        this.$message({
          showClose: true,
          message: "添加成功",
          type: "success"
				})
        // this.imageUrl = res
        this.tempData.imgurl = res;
        this.$forceUpdate();
      });
    },
    // 跳转设备维修
    goRepair(item, index) {
      console.log(item, index);
      this.$router.push({
        name: "Repair",
        params: {
          options: JSON.stringify(item)
        }
      });
    },
    // 查询子设备
    // searchChildren(){
    //   getChildrenDepartment({}).then(res => {
    //     console.log(res)
    //   })
    // },
    deleteRow(item) {
      console.log("删除");
      console.log(item);
      deleteDepartment(item.id).then(res => {
        console.log(res);
        this.$message({
          message: res.message,
          type: "success"
        });
        this.search();
      });
    },
    goPrev(page) {
      console.log(page);
      this.load = true
      this.seachData.currentPage --
      this.search()
    },
    goNext(page) {
      console.log(page);
      this.load = true
      this.seachData.currentPage ++
      this.search()
    },
    goPage(page){
      this.load = true
      this.seachData.currentPage = page
      this.search()
    },
    resetList() {
      this.seachData = {};
    },
    // 添加一级分类
    addPeople(item) {
      console.log(this.tabName)
      this.$router.push({
        name: 'Writeinstrument',
        params: {
          types: this.tabName
        }
      })
    }
  }
};
</script>

<style lang="scss" scoped>
.yibiao{
  margin-top: 20px;
}
/deep/.el-button--primary {
  color: #fff;
  background-color: #18a05e !important;
  border-color: #18a05e !important;
}
/deep/.el-button--primary:hover,
.el-button--primary:focus {
  background: #18a05e !important;
  border-color: #18a05e !important;
  color: #fff !important;
}
/deep/.el-button:hover,
.el-button:focus {
  color: #18a05e;
  background-color: transparent;
}
/deep/.el-button--primary {
  color: #fff;
  background-color: #18a05e;
  border-color: #18a05e;
}
/deep/.el-button--text {
  color: #00c666 !important;
  margin-left: 0;
}
/deep/.el-table__expanded-cell[class*="cell"] {
  padding: 0px 0px 0px 76px;
  background-color: #f5f5f5;
}
/deep/.el-table__expanded-cell:hover {
  background-color: #f5f5f5 !important;
}
/deep/.el-table .cell {
	padding: 0px !important;
}
/deep/.el-tabs__nav-prev {
  left: 5px;
}
/deep/.el-tabs__nav-next {
  right: 5px;
}
/deep/.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 40px;
  font-size: 12px;
  color: #909399;
}
/deep/.el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
  color: #18a05e;
}
/deep/.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #18a05e;
  background-color: #fff;
  border-right-color: #DCDFE6;
  border-left-color: #DCDFE6;
}
/deep/.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 40px;
  font-size: 12px;
  color: #909399;
}

.morehandle {
  display: flex;
  flex-direction: column;
}
#ewmdayin {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  > img {
    width: 300px;
    height: 300px;
  }
}
.children {
  display: flex;
  // padding-right: 250px;
  position: relative;
  overflow-x: auto;
  align-items: center;
  border-bottom: 1px solid #ddd;
  > p {
    text-align: center;
    padding: 5px 0;
    margin: 0;
    line-height: 32px;
    overflow: hidden;
  }
}
.children-title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  > p {
    text-align: center;
    padding: 5px 0;
    margin: 0;
    line-height: 32px;
    overflow: hidden;
  }
}
.shebei {
  width: 50px;
  height: 50px;
}
.app-container {
  padding: 20px;
  &::-webkit-scrollbar {
    display:none !important;
    width: 0 !important;
  }
}
.proimg {
  width: 30px;
  height: 30px;
}
.inps {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  background: none;
  border: none;
  color: #333;
}

.inps-active {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  // background:#ccc;
  border: none;
  color: #333;
}
.orderStatus {
  display: flex;
  height: 25px;
	line-height: 25px;
	cursor: pointer;
  // justify-content: center;
  > p {
    padding: 0px 5px;
    color: #fff;
    border-radius: 2px;
    margin: 0 auto;
  }
  .blue {
    background: #3a87ad;
  }
  .green {
    background: #18a05e;
  }
  .yellow {
    background: #ff7a0e;
  }
  .red {
    background: #c60000;
  }
}
.orderStatus1 {
  display: flex;
  height: 30px;
	line-height: 30px;
	cursor: pointer;
  // justify-content: center;
  > p {
		cursor: pointer;
    padding: 0px 15px;
    color: #fff;
    border-radius: 3px;
    margin: 0 10px;
  }
  .blue {
    background: #3a87ad;
  }
  .green {
    background: #18a05e;
  }
  .yellow {
    background: #ff7a0e;
  }
  .red {
    background: #c60000;
  }
}


.zd3-title {
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);

  > p {
    font-size: 14px;
    color: #333;
    margin-right: 20px;

    > span {
      padding-right: 10px;
    }

    > input {
      width: 180px;
      height: 32px;
      // background: #ccc;
      border-radius: 3px;
      border: 1px solid #ccc;
      padding-left: 10px;
      color: #333;
    }
  }

  > h3 {
    width: 64px;
    height: 32px;
    background: #18a05e;
    border-radius: 3px;
    margin: 0 30px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    font-weight: 100;
    text-align: center;
    cursor: pointer;
  }

  > h4 {
    width: 64px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 14px;
    line-height: 32px;
    font-weight: 100;
    text-align: center;
    cursor: pointer;
    margin-right: 30px;
  }
}
/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #18a05e !important;
  color: #fff;
}
.zd3-btm /deep/.btn-prev:after {
  content: "上一页";
}
.zd3-btm /deep/.btn-next:before {
  content: "下一页";
}
.zd3-btm /deep/.btn-prev,
.zd3-btm /deep/.btn-next {
  width: 65px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.zd3-btm {
  background: rgba(255, 255, 255, 1);
  // border-radius: 8px;
  // border: 1px solid rgba(0, 0, 0, 0.1);
	// margin-top: 20px;
	height: 55vh;
  overflow: hidden;
  &-title {
    display: flex;
    align-items: center;
    height: 70px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
    > p {
      text-align: center;
      font-size: 16px;
      color: #333;
    }
  }
  .el-pagination {
    white-space: nowrap;
    padding: 15px 5px;
    color: #303133;
    font-weight: bold;
  }
  .addDate {
    margin: 20px 32px 10px 32px;
    height: 32px;
    border-radius: 3px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    border: 1px dashed rgba(0, 0, 0, 0.25);
  }
  .el-button--text {
    margin: 0 15px;
  }
}
.change {
  display: flex;
  flex-wrap: wrap;
  > p {
    width: 50%;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #333;
    /deep/.el-input__inner {
      width: inherit;
      background: none;
      height: 32px;
      // line-height: 32px;
      color: #333;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0 25px;
    }
    /deep/.el-input__icon {
      line-height: 32px;
    }
    .userselect {
      // max-width: 250px;
      flex: 1;
    }

    > span {
      display: block;
      width: 120px;
      text-align: right;
      padding-right: 15px;
    }
    > input {
      width: inherit;
      flex: 1;
      height: 32px;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding-left: 10px;
      color: #333;
    }
  }
}
.avatar-uploader .el-upload {
  border: 1px dashed #999 !important;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  border: 1px dashed #ccc;
  line-height: 100px;
  text-align: center;
}
.avatar {
  width: 100px;
  height: 100px;
  display: block;
}
.fileup {
  position: relative;
  padding: 20px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  // align-items: center;
  justify-content: space-between;
  .uping {
    width: 49%;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    > p {
      width: 90%;
      font-size: 14px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      color: #333;
      /deep/.el-input__inner {
        // width: inherit;
        background: none;
        height: 32px;
        // line-height: 32px;
        color: #333;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0 25px;
      }
      /deep/.el-input__icon {
        line-height: 32px;
      }
      /deep/.el-upload-dragger {
        width: 100%;
        height: 100px;
      }
      /deep/.el-upload-dragger .el-icon-upload {
        font-size: 60px;
        color: #c0c4cc;
        margin: 0;
        line-height: 1;
        width: 100%;
      }
      /deep/.el-upload {
        width: 100%;
      }
      .userselect {
        // max-width: 250px;
        flex: 1;
      }

      > span {
        display: block;
        width: 100px;
        text-align: right;
        padding-right: 15px;
        &:last-child {
          text-align: left;
          color: #888;
        }
      }
      > input {
        width: inherit;
        flex: 1;
        height: 32px;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding-left: 10px;
        color: #333;
      }
      > strong {
        display: inline-block;
        padding-right: 50px;
        font-weight: 100;
        font-size: 14px;
        &:last-child {
          cursor: pointer;
          color: #13ce66;
          font-weight: 600;
        }
      }
      > div {
        width: inherit;
        flex: 1;
      }
    }
  }
}
</style>
